{extend name="layout" /}
{block name="content"}
<div class="mui-content">
	<div class="uk-margin-small-top controll-atav-2">
		<!--blcok-->
		<div class="tm-label tm-bg-white">
			<div class="main-content">
				<div class="tm-flex flex-align-center">
					<div class="tm-atav tm-flex-head">
						<div class="tm-location-parent">
							<div class="tm-location-img" style="background-image: url({$images_path}atav.png);"></div>
							<img class="redundant-img" src="{$images_path}px-1.png" alt="" width="100">
						</div>
					</div>
					<div class="tm-flex-1">
						<div class="tm-flex-row">
							<span class="tm-df-size tm-font-bold">{$info.realname}</span>
						</div>
						<div class="tm-flex-row-xs">
							<span class="tm-font-gray tm-xs-size">职位：{$info.rolename}</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--blcok end-->
		
		
		<!--blcok-->
		<div class="tm-df-size">
			<ul class="mui-table-view max">
				<li class="mui-table-view-cell">
					<div class="tm-cell-pad">
						<div class="tm-flex">
							<div class="tm-6em tm-flex-head">
								<span class="tm-font-gray">联系电话</span>
							</div>
							<div class="tm-flex-1">
								<span class="tm-font-boldx">{$info.phone}</span>
							</div>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="tm-cell-pad">
						<div class="tm-flex">
							<div class="tm-6em tm-flex-head">
								<span class="tm-font-gray">邮箱地址</span>
							</div>
							<div class="tm-flex-1">
								<span class="tm-font-boldx">{$info.email ? $info.email : '邮箱未添加'}</span>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<!--blcok end-->
		
		<div class="main-content uk-margin-xsmallx-top">
			<ul>
				<li class="uk-margin-xsmallx">
					<a href="tel:{$info.phone}" class="mui-btn mui-btn-green mui-btn-block href">打电话</a>
				</li>
				<li class="uk-margin-xsmallx">
					<a href="sms:{$info.phone}" class="mui-btn mui-btn-green mui-btn-block href">发短信</a>
				</li>
				<li class="uk-margin-xsmall">
					{eq name="info.email" value=""}
					<a href="javascript:" class="mui-btn mui-btn-green mui-btn-block href" onclick="noemail()">发邮件</a>
					{else /}
					<a href="mailto:{info.email}" class="mui-btn mui-btn-green mui-btn-block href">发邮件</a>
					{/eq}
				</li>
				<!-- <li class="uk-margin-xsmallx">
					<a href="{:url('edit_mysubord', ['userid'=>$info.userid, 'token'=>$token, 'timestamp'=>time()])}" class="mui-btn mui-btn-green mui-btn-block href">编辑</a>
				</li> -->
			</ul>
		</div>
		<div class="uk-text-center" style="display: none;" id="empty_email">
			<span class="tm-df-size tm-font-yellow">邮箱地址为空!</span>
		</div>
	</div>
</div>

<!-- <div class="main-layer-group" id="main-layer-group">
	<div class="mask" id="main-mask">
	</div>
	<div class="content-list" style="top: 0px;">
		<div class="show-operation-btns tm-bg-white">
			<div class="uk-text-center tm-df-size">
				<a href="{:url('edit_mysubord', ['userid'=>$info.userid])}" class="operation-btn-item tm-block href">
					编辑
				</a>
				<a href="javascript:" class="operation-btn-item tm-block cocoAjax" confirm="确定要删除该经纪人吗？" ajax-url="{:url('v1/adminuser/delete')}" ajax-data="{ item_ids:{$info.userid}}" ajax-callback="del_back">
					删除
				</a>
			</div>
		</div>
	</div>
</div> -->
{/block}
{block name="script"}
<script type="text/javascript">
	function noemail() {
		$('#empty_email').show();
	}
	function del_back(obj, data) {
		coco_msg('删除成功');
		setTimeout(function() {
			coco_close_window();
		}, 500);
	}
</script>
<script type="text/javascript">
   
</script>
<script type="text/javascript">
	var closeAll = function(){
		$("#main-layer-group").removeClass("active");
	}
	mui.ready(function(){
		mui(document).on("tap","#main-mask",function(){
			closeAll();
		})
	})
</script>
{/block}